.menu-left{
  width: 800px;
  height: 300px;
  margin-top: 30px;
  float: left;
}

.list{
  position: relative;
}
.list .items:hover{
  color: #ff6700;
}
.list .items{
  float: left;
  font-size:18px ;
  color: #333;
 height: 80px;
  /* width: 80px;  */
  padding: 26px 10px 38px;
}

.menu-right{
  width: 400px;
  height: 300px;
  float: right;
  margin-top: 50px;
}

.menu-right input{
  width: 250px;
  height: 30px;
  outline: none;
  border: 1px solid #e0e0e0;
  border-right: none;
  vertical-align: middle;
}

.menu-right button{
  width: 50px;
  height: 32px;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  background: #fff;
}

.block{
  width: 100%;
  height: 0px;
  /* background: #333; */
  top: 50px;
  left: 0;
  position: absolute;
  transition: all 1s ;
}

.list:hover .block{
  height: 200px;
  background: #333;
}